<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>验光师列表</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" href="http://wx.bjysjglasses.com/ek/css/common/common.css" />
	<link rel="stylesheet" href="http://wx.bjysjglasses.com/ek/css/common/layui.css">
	<link rel="stylesheet" href="http://wx.bjysjglasses.com/ek/css/common/layer.css">
	<link rel="stylesheet" href="http://wx.bjysjglasses.com/ek/css/common/header.css" />
	<link rel="stylesheet" href="http://wx.bjysjglasses.com/ek/css/optometrist_list.css" />
	<link rel="stylesheet" href="http://wx.bjysjglasses.com/ek/css/eke.css">
</head>

<body>
	<header>
		<a href="javascript:;" onclick="javascript:history.back(-1);">
		<img class="back" src="http://wx.bjysjglasses.com/ek/images/jt_zuo.png" /></a>
		<p class="title">e可</p>
	</header>
	<div id="container">
		<ul class="tab">
			<li class="fl layui-col-xs2 layui-col-sm2 layui-col-md2">
				<i class="layui-icon layui-icon-location"></i>
				<a href="javascript:;">北京市</a>
			</li>
			<li class="fl bleft layui-col-xs4 layui-col-sm4 layui-col-md4 shop">
				<a href="javascript:;">e可门店</a>
			</li>
			<li class="fl layui-col-xs6 layui-col-sm6 layui-col-md6 optometrist">
				<a href="javascript:;">e可验光师</a>
			</li>
		</ul>
		<!--门店列表-->
		<div class="wrapper" id="shop_list">
			<div id="scroller">
				<ul class="content popular">
					<li>
						<img src="http://wx.bjysjglasses.com/ek/images/touxiang.png" class="user" />
						<span class="opbox">
							<span class="namebox">
								<p class="name">不二家的店</p>
								<i>已服务1421人</i>
							</span>
							<span class="namebox">
								<p class="title">评价：</p>
								<span class="star">
									<i></i>
									<i></i>
									<i></i>
									<i></i>
									<i></i>
								</span>
							</span>
							<p class="evaluate">营业时间：8:30-20:00</p>
							<span class="renz">
								<p>北京朝阳望京博泰大厦</p>
								<p>1.02km</p>
							</span>
						</span>
					</li>
					<li>
						<img src="http://wx.bjysjglasses.com/ek/images/touxiang.png" class="user" />
						<span class="opbox">
							<span class="namebox">
								<p class="name">不二家的店</p>
								<i>已服务1421人</i>
							</span>
							<span class="namebox">
								<p class="title">评价：</p>
								<span class="star">
									<i></i>
									<i></i>
									<i></i>
									<i></i>
									<i></i>
								</span>
							</span>
							<p class="evaluate">营业时间：8:30-20:00</p>
							<span class="renz">
								<p>北京朝阳望京博泰大厦</p>
								<p>1.02km</p>
							</span>
						</span>
					</li>
				</ul>
			</div>
		</div>
		<!-- 验光师列表 -->
		<div class="wrapper display" id="optometrist_list">
			<ul class="popular">
				<li>
					<img src="http://wx.bjysjglasses.com/ek/images/touxiang.png" class="userpic" />
					<span class="opbox">
						<span class="namebox">
							<p class="name">刘珂可</p>
						</span>
						<span class="namebox">
							<p class="title">好评：</p>
							<span class="star">
								<i></i>
								<i></i>
								<i></i>
								<i></i>
							</span>
						</span>
						<p class="evaluate">实名认证：<i>已实名备案</i>&nbsp;&nbsp;实名认证：<i>已实名备案</i></p>
					</span>
				</li>
				<li>
					<img src="http://wx.bjysjglasses.com/ek/images/touxiang.png" class="userpic" />
					<span class="opbox">
						<span class="namebox">
							<p class="name">刘珂可</p>
						</span>
						<span class="namebox">
							<p class="title">好评：</p>
							<span class="star">
								<i></i>
								<i></i>
								<i></i>
								<i></i>
							</span>
						</span>
						<p class="evaluate">实名认证：<i>已实名备案</i>&nbsp;&nbsp;实名认证：<i>已实名备案</i></p>
					</span>
				</li>
			</ul>
		</div>
	</div>
	<script type="text/javascript" src="http://wx.bjysjglasses.com/ek/js/common/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="http://wx.bjysjglasses.com/ek/js/common/common.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nlqmwS4x5dr1H1Q1wnHfiQ6BSOHZU3j6"></script>
	<script type="text/javascript" src="http://wx.bjysjglasses.com/ek/js/common/convertor.js"></script>
	<script type="text/javascript" src="http://wx.bjysjglasses.com/ek/js/common/iscroll.js"></script>
</body>
<script>
	$('.optometrist').click(function() {
		$('#optometrist_list').removeClass('disp`lay');
		$('#shop_list').addClass('display');
	})
	$('.shop').click(function() {
		$('#optometrist_list').addClass('display');
		$('#shop_list').removeClass('display');
	})
</script>

</html>